<template>
    <el-row>
        <el-col :span="24">
            <el-tabs type="border-card" v-model="tabActiveName">
                <el-tab-pane label="常规" name="general">
                    <general-cfg></general-cfg>
                </el-tab-pane>
                <el-tab-pane label="条件" name="condition">
                    <condition-cfg></condition-cfg>
                </el-tab-pane>
                <el-tab-pane label="事件监听" name="executionListener">
                    <listener-cfg></listener-cfg>
                </el-tab-pane>
            </el-tabs>
        </el-col>
    </el-row>
</template>
<script>
import { mapActions, mapGetters } from "vuex";
import GeneralCfg from "./ConnectionGeneral";
import ConditionCfg from "./ConnectionCondition";
import ListenerCfg from "./ConnectionListener";
export default {
  data() {
    return {
      tabActiveName: "general"
    };
  },
  components: {
    GeneralCfg,
    ConditionCfg,
    ListenerCfg
  }
};
</script>
